$(function(){
//点击底部导航
$('.nav li').click(function(){
	var index=$(this).index();
	     if(index==0){
	     	$(this).find('i').css('background-image','url(images/potwo.png)');
	     	$(this).siblings('li').find('i').eq(0).css('background-image','url(images/infone.png)')
	     	$(this).siblings('li').find('i').eq(1).css('background-image','url(images/reone.png)')
	     	$(this).siblings('li').find('i').eq(2).css('background-image','url(images/meone.png)')

	     }
	      if(index==1){
	     	$(this).find('i').css({'background-image':'url(images/inftwo.png)'});
	     	$(this).siblings('li').find('i').eq(0).css('background-image','url(images/poone.png)');
	     	$(this).siblings('li').find('i').eq(1).css('background-image','url(images/reone.png)');
	     	$(this).siblings('li').find('i').eq(2).css('background-image','url(images/meone.png)');
	     }
	      if(index==2){
	     	$(this).find('i').css({'background-image':'url(images/retwo.png)'});
	     	$(this).siblings('li').find('i').eq(0).css('background-image','url(images/poone.png)')
	     	$(this).siblings('li').find('i').eq(1).css('background-image','url(images/infone.png)')
	     	$(this).siblings('li').find('i').eq(2).css('background-image','url(images/meone.png)')
	     }
	      if(index==3){
	     	$(this).find('i').css({'background-image':'url(images/metwo.png)'});
	     	$(this).siblings('li').find('i').eq(0).css('background-image','url(images/poone.png)')
	     	$(this).siblings('li').find('i').eq(1).css('background-image','url(images/infone.png)')
	     	$(this).siblings('li').find('i').eq(2).css('background-image','url(images/reone.png)')
         }
	    $(this).siblings('li').find('div').removeClass('sep');
	    $(this).find('div').addClass('sep');
})
//上传照片
// var input = document.getElementById("myfile");
// var imageType = /image.*/;
// var getOnloadFunc = function() {
// 	return function(evt) {
// 		$('.myhead').attr('src',evt.target.result)
// 	};
// }
// input.addEventListener("change", function(evt) {
//     for (var i = 0, numFiles = this.files.length; i < numFiles; i++) {
//         var file = this.files[i];
//         if (!file.type.match(imageType)) {
//             continue;
//         }
// 	    var reader = new FileReader();
// 	    reader.onload = getOnloadFunc();
// 	    reader.readAsDataURL(file);
//     }
// }, false);

$('.myupload').click(function(){
	$('.model').css('display','block');
	$('.model').css('min-height',$('.modal-content').innerHeight())
})

$('.close').click(function(){
	$('.model').css('display','none');
})

//做个下简易的验证  大小 格式 
			$('#avatarInput').on('change', function(e) {
				var filemaxsize = 1024 * 5;//5M
				var target = $(e.target);
				var Size = target[0].files[0].size / 1024;
				if(Size > filemaxsize) {
					alert('图片过大，请重新选择!');
					$(".avatar-wrapper").childre().remove;
					return false;
				}
				if(!this.files[0].type.match(/image.*/)) {
					alert('请选择正确的图片!')
				} else {
					var filename = document.querySelector("#avatar-name");
					var texts = document.querySelector("#avatarInput").value;

					var teststr = texts; //你这里的路径写错了
					testend = teststr.match(/[^\\]+\.[^\(]+/i); //直接完整文件名的
					filename.innerHTML = testend;
				}
			
			});

			$(".avatar-save").on("click", function() {
				var img_lg = document.getElementById('imageHead');
				// 截图小的显示框内的内容
				html2canvas(img_lg, {
					allowTaint: true,
					taintTest: false,
					onrendered: function(canvas) {
						canvas.id = "mycanvas";
						//生成base64图片数据
						var dataUrl = canvas.toDataURL("image/jpeg");
						var newImg = document.createElement("img");
						newImg.src = dataUrl;
						$('.myhead').attr('src',dataUrl );
						$('.model').css('display','none')
						// imagesAjax(dataUrl)
					}
				});
			})
			
			function imagesAjax(src) {
				var data = {};
				data.img = src;
				data.jid = $('#jid').val();
				$.ajax({
					url: "upload-logo.php",
					data: data,
					type: "POST",
					dataType: 'json',
					success: function(re) {
						if(re.status == '1') {
							$('.myhead').attr('src',src );
						}
					}
				});
			}










})






